В чем разница между тегами <div> и <header> в современной вёрстке?

Разница между тегами <div> и <header> в современной вёрстке заключается в их назначении и роли:

• <div> — структурный элемент, предназначен для группировки не связанных по смыслу элементов. otvet.mail.ru Также он подходит для построения сеток. otvet.mail.ru
• <header> — вводная часть смыслового раздела или всего сайта, обычно содержит подсказки и навигацию. blog.kantegory.me htmlacademy.ru Чаще всего повторяется на всех страницах сайта. blog.kantegory.me

Таким образом, в современной вёрстке <header> не заменяют на <div>, потому что стандарт HTML5 ввёл концепцию семантической разметки. skillbox.ru Теги должны не просто формировать структуру страницы, но и передавать смысл содержимого: описывать значения основных блоков и уточнять суть определённых элементов. skillbox.ru